@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=Tajawal:wght@400;500;700;900&display=swap";*{font-display:swap;font-family:Cairo,Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}html,body,#root{min-height:100vh;margin:0;padding:0;background-color:#0a0a0f!important}.hero-section{content-visibility:auto;contain-intrinsic-size:auto 800px;contain:layout style paint}.hero-logo{aspect-ratio:1/1;width:100%;height:auto;contain:layout size}img{content-visibility:auto;max-width:100%;height:auto}.animated-element{backface-visibility:hidden;perspective:1000px;will-change:transform;transform:translateZ(0)}.luxury-card{contain:layout style;transform:translateZ(0)}.feature-card{contain:layout style;will-change:transform}.cyber-planets-system{width:100%;height:100%;will-change:transform;contain:layout paint;position:absolute;overflow:hidden;transform:translateZ(0)}.planet-connection{stroke-dasharray:8 5;opacity:.3}.planet-connection.secondary{opacity:.2;stroke-dasharray:5 8}.cyber-planet{filter:drop-shadow(0 0 15px #00ff8840);position:absolute;transform:translate(-50%,-50%)}.cyber-planet.planet-large{transform:translate(-50%,-50%)scale(1.3)}.planet-core{width:70px;height:70px;z-index:2;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 12px #00ff8840,0 0 24px #00d4ff26}.planet-core.large-core{width:90px;height:90px;box-shadow:0 0 15px #ff6b6b4d,0 0 30px #ee5a6f33}.planet-core svg{width:35px;height:35px}.planet-core.large-core svg{width:45px;height:45px}.planet-ring{width:110px;height:110px;opacity:.2;z-index:1;border:1px solid;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.planet-ring.ring-double{width:130px;height:130px;opacity:.25}.planet-ring.ring-double.secondary{width:160px;height:160px;opacity:.12}.planet-label{color:#00ff88d9;text-shadow:0 0 8px #0f86;white-space:nowrap;z-index:3;backdrop-filter:blur(8px);background:#00ff8805;border:1px solid #00ff8826;border-radius:15px;margin-top:15px;padding:4px 10px;font-family:Cairo,Tajawal,sans-serif;font-size:12px;font-weight:600;position:absolute;top:100%;left:50%;transform:translate(-50%)}.data-packet{width:6px;height:6px;z-index:3;background:radial-gradient(circle,#00ff88b3,#00d4ff80);border-radius:50%;animation:6s linear infinite packetTravel;position:absolute;box-shadow:0 0 8px #00ff884d}.data-packet:nth-child(2n+1){background:radial-gradient(circle,#a855f7b3,#ec489980);box-shadow:0 0 8px #a855f74d}@keyframes packetTravel{0%{opacity:0;top:25%;left:15%}5%{opacity:.8}20%{top:20%;left:45%}40%{top:30%;left:75%}60%{top:75%;left:60%}80%{top:70%;left:25%}95%{opacity:.8}to{opacity:0;top:25%;left:15%}}.epic-particles{width:100%;height:100%;position:absolute;overflow:hidden}.epic-particle{width:2px;height:2px;will-change:transform;background:radial-gradient(circle,#00ff8880,#0000);border-radius:50%;animation:ease-in-out infinite epicParticleMove;position:absolute;box-shadow:0 0 4px #00ff884d}@keyframes epicParticleMove{0%{opacity:0;transform:matrix(1,0,0,1,0,0)}10%{opacity:1}50%{opacity:.8;transform:translate(calc(100vw - 100%),calc(100vh - 100%))scale(1.5)}90%{opacity:1}to{opacity:0;transform:scale(.5)}}.glowing-orbs{width:100%;height:100%;position:absolute;overflow:hidden}.glowing-orb{filter:blur(80px);will-change:transform,opacity;border-radius:50%;animation:10s ease-in-out infinite orbFloat;position:absolute}@keyframes orbFloat{0%,to{opacity:.15;transform:translate(0)}50%{opacity:.25;transform:translate(30px,-20px)}}.cyber-grid-3d{width:100%;height:100%;perspective:1000px;position:absolute;overflow:hidden}.grid-plane{width:200%;height:200%;background-image:linear-gradient(#00ff8826 1px,#0000 1px),linear-gradient(90deg,#00ff8826 1px,#0000 1px),linear-gradient(#00d4ff1a 2px,#0000 2px),linear-gradient(90deg,#00d4ff1a 2px,#0000 2px);background-size:50px 50px,50px 50px,250px 250px,250px 250px;animation:20s linear infinite gridMove;position:absolute}.grid-horizontal{top:50%;left:-50%;transform:rotateX(60deg)translateZ(-200px)}.grid-vertical{opacity:.5;top:-50%;left:50%;transform:rotateY(30deg)translateZ(-100px)}@keyframes gridMove{0%{transform:rotateX(60deg)translateZ(-200px)translateY(0)}to{transform:rotateX(60deg)translateZ(-200px)translateY(50px)}}.data-flow{width:100%;height:100%;position:absolute}.data-flow-line{filter:drop-shadow(0 0 2px);animation:3s ease-in-out infinite dataFlowAnimation}@keyframes dataFlowAnimation{0%{stroke-dasharray:0 1000;stroke-dashoffset:0;opacity:.3}50%{stroke-dasharray:100 1000;stroke-dashoffset:-200px;opacity:1}to{stroke-dasharray:0 1000;stroke-dashoffset:-1000px;opacity:.3}}.matrix-rain-enhanced{width:100%;height:100%;position:absolute;overflow:hidden}.matrix-column{text-shadow:0 0 10px #0f8,0 0 20px #0f8,0 0 30px #0f8,0 0 40px #00ff8880;letter-spacing:-2px;flex-direction:column;font-family:Courier New,monospace;font-size:18px;font-weight:700;line-height:1.2;animation:linear infinite matrixFall;display:flex;position:absolute;top:-100%}.matrix-column span{transition:color .1s;display:block}@keyframes matrixFall{0%{opacity:0;top:-100%}5%{opacity:1}95%{opacity:1}to{opacity:0;top:110%}}.code-snippet{color:#0f8;backdrop-filter:blur(5px);background:#00ff880d;border:1px solid #00ff884d;border-radius:4px;padding:8px 12px;font-family:Courier New,monospace;font-size:12px;animation:6s ease-in-out infinite codeFloat;position:absolute;box-shadow:0 0 20px #0f83,inset 0 0 10px #00ff881a}@keyframes codeFloat{0%,to{opacity:.4;transform:matrix(1,0,0,1,0,0)}25%{opacity:.8;transform:translate(10px,-20px)}50%{opacity:1;transform:translate(-15px,-10px)}75%{opacity:.6;transform:translate(5px,-30px)}}.spiral-gradient{transform-origin:50%;filter:blur(60px);animation:30s linear infinite spiralRotate;position:relative;overflow:visible;box-shadow:0 0 200px #8b5cf666,0 0 300px #ec48994d,0 0 400px #f59e0b33}.luxury-card h1,.luxury-card .heroTitle{letter-spacing:-.5px;text-shadow:0 0 40px #0f89,0 0 80px #00d4ff66,0 2px 4px #000c;animation:3s ease-in-out infinite textGlow;font-family:Cairo,Tajawal,system-ui,sans-serif!important;font-weight:900!important}@keyframes textGlow{0%,to{text-shadow:0 0 40px #0f89,0 0 80px #00d4ff66}50%{text-shadow:0 0 60px #00ff88e6,0 0 120px #00d4ff99,0 0 160px #a855f766}}.luxury-card{animation:8s ease-in-out infinite cardFloat;position:relative;overflow:visible!important}.glow-border{pointer-events:none;animation:3s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #0f83,0 0 20px #00ff881a,inset 0 0 10px #00ff880d}50%{box-shadow:0 0 15px #00ff884d,0 0 30px #00ff8826,inset 0 0 15px #00ff8814}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.aurora-background{filter:blur(80px);opacity:.7;background:linear-gradient(125deg,#00ff884d 0%,#00d4ff40 25%,#a855f74d 50%,#fbbf2440 75%,#00ff884d 100%) 0 0/400% 400%;animation:15s infinite auroraMove}@keyframes auroraMove{0%,to{background-position:0%}50%{background-position:100%}}.holographic-border{filter:blur(2px);opacity:.8;background:linear-gradient(90deg,#0f8c,#00d4ffcc,#a855f7cc,#fbbf24cc,#0f8c) 0 0/300% 100%;animation:3s linear infinite holographicShift}@keyframes holographicShift{0%{background-position:0%}to{background-position:300%}}.golden-particle{filter:blur(1px);animation:4s ease-in-out infinite goldenFloat;box-shadow:0 0 10px #fbbf24cc}@keyframes goldenFloat{0%,to{opacity:.3;transform:matrix(1,0,0,1,0,0)}25%{opacity:.8;transform:matrix(1.2,0,0,1.2,10,-20)}50%{opacity:.5;transform:matrix(.8,0,0,.8,-10,-40)}75%{opacity:.9;transform:matrix(1.1,0,0,1.1,20,-60)}}@keyframes luxuryPulse{0%,to{transform:matrix(1,0,0,1,0,0);box-shadow:0 0 80px #0f86,0 0 120px #00d4ff4d,0 0 160px #a855f74d,0 20px 60px #00000080,inset 0 0 80px #ffffff0d}50%{transform:matrix(1.01,0,0,1.01,0,-5);box-shadow:0 0 100px #0f89,0 0 150px #00d4ff80,0 0 200px #a855f780,0 30px 80px #0009,inset 0 0 100px #ffffff14}}@keyframes luxuryFloat{0%,to{transform:matrix(1,0,0,1,0,0)}50%{transform:translateY(-10px)rotateX(2deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes particles{0%{opacity:.3;transform:matrix(1,0,0,1,0,0)}50%{opacity:.5}to{opacity:0;transform:translateY(-100vh)translate(20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00ff884d}50%{box-shadow:0 0 40px #0f89}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0f80}::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00ff8880}.particle{animation:10s linear infinite particles}.particle:nth-child(2n+1){animation-duration:12s}.particle:nth-child(2n){animation-duration:8s}.glowing-circle{animation:3s ease-in-out infinite glow}.floating-icon{animation:3s ease-in-out infinite float}.floating-icon:nth-child(2){animation-delay:.5s}.floating-icon:nth-child(3){animation-delay:1s}.floating-icon:nth-child(4){animation-delay:1.5s}.feature-card{transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0f83}.testimonial-card{transition:transform .3s}.testimonial-card:hover{transform:scale(1.05)}.primary-button{transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:scale(1.05);box-shadow:0 10px 30px #0f86}.secondary-button{transition:all .3s}.secondary-button:hover{background-color:#00ff881a;border-color:#0f8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{animation:.8s ease-out fadeInUp}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.stat-card{transition:all .3s;animation:.6s ease-out countUp}.stat-card:hover{transform:matrix(1.05,0,0,1.05,0,-10)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00ff884d;border-color:#00ff8880!important}.feature-card:hover:before{content:"";width:100%;height:100%;background:linear-gradient(90deg,#0000,#00ff881a,#0000);animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00ff8880,0 0 40px #00d4ff4d,0 0 60px #a855f733}50%{box-shadow:0 0 30px #0f8c,0 0 60px #00d4ff80,0 0 90px #a855f766}}.glowing-circle{animation:3s ease-in-out infinite glow-pulse}@keyframes float-bounce{0%,to{transform:matrix(1,0,0,1,0,0)}25%{transform:translateY(-15px)rotate(5deg)}50%{transform:translateY(-25px)}75%{transform:translateY(-15px)rotate(-5deg)}}.floating-icon{transition:all .3s;animation:4s ease-in-out infinite float-bounce}.floating-icon:hover{animation-play-state:paused;transform:scale(1.3)rotate(360deg)!important}@keyframes particle-float{0%{opacity:.2;transform:matrix(1,0,0,1,0,0)}50%{opacity:.5;transform:matrix(1.5,0,0,1.5,50,-100)}to{opacity:0;transform:matrix(.5,0,0,.5,100,-200)}}.particle{animation:15s linear infinite particle-float;animation-delay:calc(var(--particle-delay,0)*.5s)}.indicator{cursor:pointer;transition:all .3s}.indicator:hover{transform:scale(1.2);background-color:#0f89!important}.testimonial-card{transition:transform .3s;position:relative}.primary-button-hero{transition:all .3s;position:relative;overflow:hidden}.primary-button-hero:before{content:"";width:100%;height:100%;background:linear-gradient(90deg,#0000,#00ff884d,#0000);transition:left .5s;position:absolute;top:0;left:-100%}.primary-button-hero:hover:before{left:100%}.primary-button-hero:hover{border-color:#0f89;transform:translateY(-3px);box-shadow:0 12px 35px #0f86,0 0 0 4px #00ff881a}.primary-button-hero:active{transform:translateY(-1px);box-shadow:0 6px 20px #00ff884d}.secondary-button-hero{transition:all .3s;position:relative;overflow:hidden}.secondary-button-hero:before{content:"";width:100%;height:100%;background:linear-gradient(90deg,#0000,#00d4ff33,#0000);transition:left .5s;position:absolute;top:0;left:-100%}.secondary-button-hero:hover:before{left:100%}.secondary-button-hero:hover{background-color:#00d4ff1f;border-color:#00d4ff99;transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff4d,0 0 0 3px #00d4ff1a}.secondary-button-hero:active{transform:translateY(-1px);box-shadow:0 5px 15px #00d4ff33}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.primary-button-hero:after,.secondary-button-hero:after{content:"";width:20px;height:20px;pointer-events:none;background:#ffffff80;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.primary-button-hero:active:after,.secondary-button-hero:active:after{animation:.6s ease-out ripple}.specialization-card{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.specialization-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:20px;transition:opacity .4s;position:absolute;inset:0}.specialization-card:hover:before{opacity:1}.specialization-card:hover{z-index:10;transform:matrix(1.03,0,0,1.03,0,-12);box-shadow:0 25px 60px #00000080,0 0 0 1px #00ff884d,0 0 40px #0f83}@keyframes float-spec{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.specialization-card:hover{animation:2s ease-in-out infinite float-spec}@media (max-width:767px){.cyber-planets-system{display:none}.planet-core{width:50px;height:50px}.planet-core svg{width:25px;height:25px}.planet-ring{width:80px;height:80px}}@media (min-width:768px) and (max-width:1023px){.cyber-planets-system{opacity:.6}.planet-core{width:60px;height:60px}.planet-core.large-core{width:75px;height:75px}.planet-ring{width:95px;height:95px}.planet-ring.ring-double{width:115px;height:115px}}@media (min-width:1440px){.planet-core{width:85px;height:85px}.planet-core.large-core{width:105px;height:105px}.planet-core svg{width:42px;height:42px}.planet-core.large-core svg{width:52px;height:52px}.planet-ring{width:125px;height:125px}.planet-ring.ring-double{width:150px;height:150px}}@media (min-width:1920px){.cyber-planets-system{opacity:.9}.planet-core{width:95px;height:95px}.planet-core.large-core{width:120px;height:120px}}